import React from 'react'
import './Three_top.css'
const Index: React.FC = () => {
    return (
        <div className='eps-top'>
            <div className='eps-top-left'>
                  <img src="https://s.ibaotu.com/next/img/new/btlogo2.9f48.png" alt="" />
            </div>
            <div className='eps-top-cont'>
                <ul>
                    <li className="has-submenu">
                        产品 ∨
                        <div className='sub'>
                            <ul className="submenu">
                                <dl>
                                    <dt>
                                       11
                                    </dt>
                                    <dd>
                                        <h3>创意供给</h3>
                                        <span>1.3亿+版权素材，个性化定制满足多样需求</span>
                                        <p>花瓣设计大赛<img className='hot' src="" alt="" /></p>
                                        <p>定期设计</p>
                                        <p>花瓣版权素材<img className='hot' src="" alt="" /></p>
                                        <p> 咔神商品图智能拍摄 </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="" alt="" />
                                    </dt>
                                    <dd>
                                        <h3>内容生产</h3>
                                        <span>零门槛智能设计工具，人人皆可设计</span>
                                        <p> 30w+版权模板 </p>
                                        <p> 智能编辑器 <img className='hot' src="" alt="" /></p>
                                        <p> 智能设计工具 <img className='hot' src="" alt="" /></p>
                                        <p>  专业级在线设计工具  </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="" alt="" />
                                    </dt>
                                    <dd>
                                        <h3>资产管理</h3>
                                        <span>数字资产管理，品牌合规管控</span>
                                        <p> 资产云端管理 </p>
                                        <p> 团队协作提效 <img className='hot' src="" alt="" /></p>
                                        <p> 品牌合规管控 <img className='hot' src="" alt="" /></p>
                                        <p>  角色权限管理  </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="" alt="" />
                                    </dt>
                                    <dd>
                                        <h3>营销应用</h3>
                                        <span>内容极速应用，赋能全域增长</span>
                                        <p> 电商平台投放 </p>
                                        <p> 新媒体平台投放 <img className='hot' src="" alt="" /></p>
                                        <p> 智慧屏幕营销 </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="" alt="" />
                                    </dt>
                                    <dd>
                                        <h3>效果监测</h3>
                                        <span>数据驱动优化，提升营销效果</span>
                                        <p> 可视化数据 </p>
                                        <p> 全链路监测 <img className='hot' src="" alt="" /></p>
                                        <p> H5营销效果监测 <img className='hot' src="" alt="" /></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="" alt="" />
                                    </dt>
                                    <dd>
                                        <h3>系统定制</h3>
                                        <span>私有化部署，打造专属数字化内容中台</span>
                                        <p> 企业系统集成 </p>
                                        <p> 功能定制开发 <img className='hot' src="" alt="" /></p>
                                        <p> 数据本地部署 </p>
                                    </dd>
                                </dl>
                            </ul>
                        </div>

                    </li>
                    <li className="has-submenu">
                        解决方案  ∨
                        <div className="sub">
                            <ul className="submenu">
                                <div className="submenuleft">
                                    <div className="left-top">
                                        <b>行业方案</b>
                                        <div className="lefttopmain">
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6>金融行业</h6>
                                                    <span> 提升内容生产力，加强品牌建设 </span>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="left-bot">
                                        <b>场景方案</b>
                                        <div className="lefttopmain">
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 品牌建设 </h6>
                                                    <span>  资产云端共享，保障内容合规性  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 企业宣传 </h6>
                                                    <span>  智能编辑器，HR也能稿定设计  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 私域营销 </h6>
                                                    <span>  海量模板助力，千人千面个性化营销  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 电商投放 </h6>
                                                    <span>  智能批量生产，多平台一键分发  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 门店管理 </h6>
                                                    <span> 软硬件一体化方案，开启大屏时代  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 设计提效 </h6>
                                                    <span>  批量作图高效生产，云端协作新方式  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 运营赋能 </h6>
                                                    <span>  营销素材全覆盖，热点及时响应  </span>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt>
                                                    <img src="" alt="" />
                                                </dt>
                                                <dd>
                                                    <h6> 资产同步 </h6>
                                                    <span>  内容管理新模式，助力资产应用闭环  </span>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                                <div className="submenuright">
                                    <img src="https://cdn.dancf.com/fe-assets/20240330/c8faaa7581f6e097747b74d68cb812af.png" alt="" />
                                </div>
                            </ul>
                        </div>

                    </li>
                    <li>开放平台</li>
                    <li>渠道合作</li>
                    <li>了解搞定</li>
                </ul>
            </div>
            <div className='eps-top-right'>
                <button>立即体验</button>
            </div>
        </div>
    )
}

export default Index